<template>
    <ui-main class="pl5 pr5 bg-white">
        <div class="pt10 pb10 flex row-center col-center">
            <div class="f18">{{detail.st_title}}</div>
        </div>

        <div class="pb10 f14" v-html="detail.st_content_str"></div>
    </ui-main>
</template>

<script>
    import cy from '../mixins/cy';

    export default {
        mixins: [cy],
        data() {
            return {
                // 请求参数
                id: this.$route.query.id,
                // 数据源
                // 热点专题明细
                detail: {}
            };
        },
        mounted() {
            this.$loading.open();

            this.$$getRdztDetail(this.id).then(data => {
                this.detail = data.contentMap;

                this.$title(this.detail.st_title);

                this.$loading.close();
            }).catch(e => {
                console.error(e);

                this.$loading.close();
            })
        }
    }
</script>

<style lang="scss">
    img {
        max-width: 100%;
    }
</style>
